﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LogOverzicht.ascx.cs" Inherits="BackEndSystemWebTv.Controls.LogOverzicht" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%>

<asp:UpdatePanel runat="server">
    <ContentTemplate>
<asp:ScriptManagerProxy ID="smProxyLogOverzicht" runat="server">
</asp:ScriptManagerProxy>
<style type="text/css">  
        .accordion {
    }  
          
        .accordionHeader {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #2E4d7B;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #5078B3;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionContent {  
            background-color: #D3DEEF;  
            border: 1px solid #2F4F4F;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        }  
        .labels 
        {
            Font-Style:italic;
            font-size:xx-small;             
        }
    .style1
    {
        width: 350px;
    }
    </style>  

<table>
<tr>
    <td class="style1">
        <asp:Accordion   
            ID="Accordion1"   
            CssClass="accordion"  
            HeaderCssClass="accordionHeader"  
            HeaderSelectedCssClass="accordionHeaderSelected"  
            ContentCssClass="accordionContent"   
            runat="server" FadeTransitions="True" 
            RequireOpenedPane="False" SelectedIndex="-1" Height="628px" Width="382px">   
            <Panes>  
                <asp:AccordionPane ID="AccordionPane5" runat="server">  
                    <Header>Haal alle logs op</Header>  
                    <Content>  
                        <asp:Label CssClass="labels" Text="Druk op de onderstaande knop om alle logs op te halen" runat="server" />
                        <asp:Button runat="server" ID="HaalLogsOp" Text="Haal alle logs op" 
                            onclick="HaalLogsOp_Click" 
                            BackColor="White" BorderColor="#507CD1"
                            BorderStyle="Solid" BorderWidth="1px"
                            Font-Names="Verdana" ForeColor="#284E98" /> 
                    </Content>  
                </asp:AccordionPane> 
                <asp:AccordionPane ID="AccordionPane1" runat="server">  
                    <Header>Zoeken op gebruiker</Header>  
                    <Content>  
                        <asp:Label CssClass="labels" Text="Selecteer een gebruiker om zijn of haar logs te bekijken" runat="server" />          
                        <asp:ListBox ID="LBGebruikerLijst" runat="server" AutoPostBack="true"
                            OnSelectedIndexChanged="LBGebruiker_Click" BackColor="#D3DEEF" Width="120px" EnableTheming="True"/>                      
                    </Content>  
                </asp:AccordionPane>  
                <asp:AccordionPane ID="AccordionPane2" runat="server">  
                    <Header>Zoeken op Sociale Medium</Header>  
                    <Content>  
                        <asp:Label ID="Label1" CssClass="labels" Text="Selecteer een Sociaal Medium om alle logs hiervan te bekijken" runat="server" />
                        <asp:ListBox ID="LBSocialMedia" runat="server"  AutoPostBack="True" 
                            onselectedindexchanged="LBSocialMedia_SelectedIndexChanged" Width="200px" BackColor="#D3DEEF" EnableTheming="True" />
                    </Content>  
                </asp:AccordionPane>  
                <asp:AccordionPane ID="AccordionPane3" runat="server">  
                    <Header>Zoeken op datum</Header>  
                    <Content>   
                            <asp:Label Text="U kunt logs opzoeken door een minimum en maximum datum in de stellen" runat="server" CssClass="labels"/>                                  
                            <br />
                            <asp:TextBox ID="DatumLinks" runat="server" Width="100px"></asp:TextBox>
                                <asp:Image ID="Image4" runat="server" ImageUrl="Images/Calendar.png" />
                                <ajaxtoolkit:calendarextender ID="CalendarExtender4" runat="server" 
                                    PopupPosition="Right" PopupButtonID="DatumLinks" Format="dd/MM/yyyy"
                                    TargetControlID="DatumLinks">
                                </ajaxtoolkit:calendarextender>
                            <asp:TextBox ID="DatumRechts" runat="server" Width="100px"></asp:TextBox>
                                <asp:Image ID="Image5" runat="server" ImageUrl="Images/Calendar.png" />&nbsp;
                                <ajaxtoolkit:calendarextender ID="CalendarExtender5" runat="server" 
                                    PopupPosition="Right" PopupButtonID="DatumRechts" Format="dd/MM/yyyy"
                                    TargetControlID="DatumRechts">
                                </ajaxtoolkit:calendarextender>
                            <asp:Button ID="BtnLogsOpDatum" runat="server" Text="Zoeken" onclick="BtnLogsOpDatum_Click" 
                                BackColor="White" BorderColor="#507CD1"
                                BorderStyle="Solid" BorderWidth="1px"
                                Font-Names="Verdana" ForeColor="#284E98" />
                    </Content>  
                </asp:AccordionPane> 
                <asp:AccordionPane ID="AccordionPane6" runat="server">  
                        <Header>Zoeken op zoekterm</Header>  
                    <Content>  
                        <asp:Label Text="U kunt logs opzoeken door gebruik te maken van zoektermen" runat="server" CssClass="labels"/>
                            <asp:TextBox ID="tbZoekterm" runat="server" />  &nbsp
                                <asp:Button ID="btnZoekterm" Text="Zoeken" runat="server" 
                                    BackColor="White" BorderColor="#507CD1"
                                    BorderStyle="Solid" BorderWidth="1px"
                                    Font-Names="Verdana" ForeColor="#284E98" OnClick="btnZoekterm_Click" />
                            
                        </Content>  
                </asp:AccordionPane> 
                <asp:AccordionPane ID="AccordionPane4" runat="server">  
                    <Header>Verwijderen op datum</Header>  
                    <Content>  
                        <asp:Label CssClass="labels" Text="Alles voor de aangegeven datum wordt verwijderd." runat="server" />
                        <asp:TextBox ID="tbVerwijderdatum" runat="server" Width="200px"></asp:TextBox>
                        <ajaxtoolkit:calendarextender ID="CalendarExtender1" runat="server" 
                            PopupPosition="Right" PopupButtonID="tbVerwijderdatum" Format="dd/MM/yyyy"
                            TargetControlID="tbVerwijderdatum">
                        </ajaxtoolkit:calendarextender>
                        <asp:Image ID="Image1" runat="server" ImageUrl="Images/Calendar.png" />&nbsp;
                        <asp:Button 
                            ID="btnVerwijder" runat="server" Text="Verwijderen" 
                            onclick="btnVerwijder_Click" 
                            OnClientClick="return confirm('Weet u zeker dat u de logs voor deze datum wilt verwijderen?');"        
                            BackColor="White" BorderColor="#507CD1"
                            BorderStyle="Solid" BorderWidth="1px"
                            Font-Names="Verdana" ForeColor="#284E98" />
                        <asp:Label ID="lbResultaat" runat="server" Text="" ForeColor="Red"   Font-Bold="True"></asp:Label>
                    </Content>  
                </asp:AccordionPane> 
                <asp:AccordionPane ID="AccordionPane7" runat="server">  
                   <Header>Log tabel</Header>  
                    <Content>  
                        <asp:UpdatePanel ID="UpdatePanelGV" runat="server">
                        <Triggers>
                        </Triggers>
                            <ContentTemplate>
                                <asp:Label Text="Selecteer een bovenstaande optie om logs weer te geven." runat="server" CssClass="labels"/>
                                <asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
                                    EmptyDataText="Geen logs om weer te geven." Font-Bold="False" 
                                    Font-Names="Calibri" Font-Overline="False" Font-Size="Small" 
                                    Font-Strikeout="False" ForeColor="#000066" HorizontalAlign="Left" />                                   
                            </ContentTemplate>
                        </asp:UpdatePanel>                        
                    </Content>  
                </asp:AccordionPane> 
            </Panes>              
        </asp:Accordion>         
    </td>
</tr>
</table>

    </ContentTemplate>
</asp:UpdatePanel>





